<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta charset="UTF-8">
	<link href="resources/images/aos.ico" rel="shortcut icon">
	<!-- 直接引入extjs文件处理登录界面 -->
	<script type="text/javascript" src="resources/extjs5/include-ext.js"></script>

    <title>欢迎登录通用综合管理平台V1.0</title>

	<style type="text/css">  
		.user{
			background: url(resources/icons/user.png) no-repeat 2px 2px;
			background-color: #FFFFFF;  
			padding-left: 5px;  
			font-size: 20px;
		}  
		.key{
			background: url(resources/icons/key.png) no-repeat 2px 2px;
			background-color: #FFFFFF;  
			padding-left: 5px;  
			font-size: 20px;		
		}  
		.Userkey{
			background: url(resources/icons/Userkey.png) no-repeat 2px 2px;
			background-color: #FFFFFF;  
			padding-left: 5px;  
			font-size: 20px;		
		}   
		.bgimage {   
		   background:url(resources/images/Login_Banner.jpg ) no-repeat top;  
		   position:absolute;  
		}
		.gytbody {
			background-image:url(resources/images/0.jpg);
			background-size: 100%;
			background-color: #1BA3F9;
			background-repeat: no-repeat;
		}
	</style>
</head>
<body class='gytbody'>
    <div id="hello-tabs">  
     
    </div>  
    <div id="aboutDiv" class="x-hidden"  style='color: black; padding-left: 10px; padding-top: 10px; font-size: 18px'> 通用综合管理平台 v1.0
	<br/>
	<br/>  
    xx有限公司©2017-2019 |苏生米沿<br/><br/>  
    官方网站&nbsp;&nbsp;:&nbsp;&nbsp;<a href="http://www.sushengmiyan.com.cn" target="_blank">www.sushengmiyan.com.cn</a>  
    </div>

<script type="text/javascript">
Ext.onReady(function() {
    var userLoginPanel = Ext.create('Ext.panel.Panel', {  
        bodyCls: 'bgimage',  
        border : false,  
        defaults:{  
            margin:'58 0'  
        },  
        items:{  
            xtype : 'tabpanel',  
            id : 'loginTabs',  
            activeTab : 0,
            height : 180,  
            border : false,  
            items:[{  
                title : "身份认证",  
                xtype : 'form',  
                id : 'loginForm',  
                defaults : {  
                    width : 260,  
                    margin: '20 0 0 70'  
                },  
                // The fields  
                defaultType : 'textfield',  
                labelWidth : 40,  
                items: [{  
                    fieldLabel: '用户名',
                    id  : 'loginname',
                    cls : 'user', 
					height: '25px',
                    name: 'loginname',  
                    labelAlign:'right',  
                    labelWidth:65,  
                    maxLength : 30,  
                    emptyText:'请在这里填写用户名',  
                    maxLengthText : '账号的最大长度为30个字符',  
                    blankText:"用户名不能为空，请填写！",//错误提示信息，默认为This field is required!  
                    allowBlank: false  
                },{  
                    fieldLabel: '密 &nbsp; 码',  
                    cls : 'key',  
                    name: 'password',  
                    inputType:"password",  
                    labelWidth:65, 
					height: '25px',
                    labelAlign:'right',  
                    emptyText:'请在这里填写密码',  
                    maxLengthText :'密码长度不能超过20',
                    maxLength : 20,  
                    blankText:"密码不能为空，请填写！",//错误提示信息，默认为This field is required!  
                    allowBlank: false  ,
                    listeners : {
						specialkey : function(field, e) {
							if (e.getKey() == Ext.EventObject.ENTER) {
								login();
							}
						}
					}
                }, {  
                    id : 'id_reg_panel',  
                    xtype : 'panel',  
                    border : false,  
                    hidden : true,  
                    html : '<br><span id="messageTip" style="color:red"> </span>'  
                }]  
            }, {  
                title : '关于',  
                contentEl : 'aboutDiv',  
                defaults : {  
                    width : 230  
                }  
            }]  
        }  
    });  
    var loginwindow =  Ext.create('Ext.window.Window', {  
        title : 'SUSHENGMIYAN®通用综合管理系统',
        width : 440,  
        height : 300,  
        layout: 'fit', 
		id:'loginwindow',
        plain : true,  
        modal : false,  
        maximizable : false,  
        draggable : true,  
        closable : false,  
        resizable : false,  
        items: userLoginPanel,
        defaultFocus:'loginname',
        // 重置 和 登录 按钮.  
        buttons: [{  
            text: '重置',  
            iconCls : 'Wrench',  
            handler: function() {  
				var account = Ext.getCmp('loginname');
				Ext.getCmp('loginForm').form.reset();
				account.setValue('');
				account.focus();
            }  
        }, {
            text: '登录',  
            iconCls : 'User',  
            handler: function() {
            	login();
            }
        }]
    });
	loginwindow.show();
});
</script>
</body>

</html>
